<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String userName = (String) request.getSession().getAttribute("userName");
Long userId = (Long)request.getSession().getAttribute("userId");
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>Dein.fm</title>
    <!-- icon图标-->
    <link rel="shortcut icon" href="images/deinIcon.ico" type="image/x-icon">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" type="text/css" href="css/pages/player.css">
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">
	<link rel="stylesheet" type="text/css" href="css/base.css">
	
	<link rel="stylesheet" type="text/css" href="css/icon/foundation-icons.css">

	<style>
	.ui.slider .ui-slider-handle{width:0.5em !important;height:0.6em !important;top:-.1em !important;}
	</style>
  </head>

  <body>
 <div class='bar'>
 <div class='progress'>
 </div>
 <div class='buffer'>
 </div>
 </div>
<audio id='audio'>
您的浏览器不支持 audio 元素。
</audio>
    <input type="hidden" value="<%=userId%>" class="userId">
    <a class="btn" id="exitBtn" ><span class='fi-power'></span></a>
    <div class="mPlayerWrapper">
        <div class="disc">
            <img class="cover" />
            <div class="btn pauseBtn "><span class="fi-pause"></span><span class="fi-play"></span></div>
            <div id='musicInfo'>
                <p class="song_title">そばにいるね</p><br>
   			    <p class="performer">SoulJa / 青山テルマ</p>
   		    </div>
        </div>
        <div class="btnWrapper">
            <div class="left">
                <a class="btn disBtn" href="javascript:"><span class='fi-heart'></span></a>
                <a class="btn disBtn" href="javascript:"><span class='fi-trash'></span></a>
            </div>
            <div class="right">
                <a class="btn disBtn" href="javascript:"><span class='fi-next'></span></a>
                <a class="btn disBtn " href="javascript:"><span class='fi-volume'></span><span class='fi-volume-strike  hidden'></span></a>
            </div>
        </div>
        <div class='volume_wrap'>
				<div class="volume_bar">
						<div class="volume_now"></div>
				</div>
		</div>
 </div>

 <div class='leftContent'>
 	<div id='headPortrait'>
 		<div><img src="images/portrait.jpg"/></div><br>
 		<p><%=userName%></p>
 	</div><br>
 	<div id='content'>
 		<h3>我的</h3><br>
 		<p class='guild'>红心音乐</p><br>
 		<p class='guild'>垃圾桶音乐</p><br>
 		<p class='guild'>累积收听数</p><br><br>
 		<h3>推荐兆赫</h3><br>
 		<p class='guild' id="privateBroadcast">私人电台</p><br>
 		<p class='guild' id="preBroadcast">红心电台</p><br>
 		<h3>公众兆赫</h3><br>
 		<div class="broadcast" value="1"><p class='guild'>XX兆赫 </p></div><br>
 		<div class="broadcast" value="2"><p class='guild'  >XX兆赫</p></div>
    </div>
 </div>
 <div class='tag'><p>我<br>的<br>主<br>页<br><span class='fi-anchor'></span></p></div>
 
  <script type="text/javascript" src="js/frame/jquery-1.6.4.min.js"></script>
  <script type="text/javascript" src="js/frame/jquery-ui.min.js"></script>
 <script type="text/javascript" src="js/list.js"></script>
 <script type="text/javascript" src="js/player.js"></script>

  </body>
</html>
